import React from 'react'

interface CloseProps {
  className?: string
  onClick?: React.MouseEventHandler<SVGSVGElement>
}

const Close = ({ className, onClick }: CloseProps) => (
  <svg xmlns="http://www.w3.org/2000/svg" className={className} onClick={onClick} viewBox="0 0 329.269 329">
    <path d="M194.8 164.77L323.013 36.555c8.343-8.34 8.343-21.825 0-30.164-8.34-8.34-21.825-8.34-30.164 0L164.633 134.605 36.422 6.391c-8.344-8.34-21.824-8.34-30.164 0-8.344 8.34-8.344 21.824 0 30.164l128.21 128.215L6.259 292.984c-8.344 8.34-8.344 21.825 0 30.164a21.266 21.266 0 0015.082 6.25c5.46 0 10.922-2.09 15.082-6.25l128.21-128.214 128.216 128.214a21.273 21.273 0 0015.082 6.25c5.46 0 10.922-2.09 15.082-6.25 8.343-8.34 8.343-21.824 0-30.164zm0 0" />
  </svg>
)

export default Close
